<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>注册</title>  
    <link rel="stylesheet" href="../libs/mui/mui.css" />
	<link rel="stylesheet" href="../libs/iconfont/fonts/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="../css/login.css"/>
	<link rel="stylesheet" type="text/css" href="../css/main.css"/>	
	<style>
		/*头部*/	
		body,.mui-content{background: white;}
		.mui-bar.mui-bar-nav{ background: white;}
		.mui-bar.mui-bar-nav a,.mui-bar.mui-bar-nav h1,.mui-bar.mui-bar-nav h5,.mui-bar.mui-bar-nav input{ color: black;}
		#login-form{padding: 10% 20px;}		
		#login-form .mui-table-view{background: none;}
		#login-form .mui-table-view:nth-child(1){border-bottom: 1px solid #eee;position: initial;}			
		.mui-table-view-cell{padding: 4px 0;}	
		/*验证*/					
		.wid70{width: 72%;display: inline-block;background: white;}
		.wid30{width: 28%;background: white;color: white;float: right;display: inline-block;padding: 15px 0;text-align: center;}
		.wid30 span{background: #338efc;padding: 7px 15px;border-radius: 3px;font-size: 14px;}
	</style>
</head>
<body>	
	<header class="mui-bar mui-bar-nav">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title">注册</h1>
	</header>
	<div class="mui-content">
		<form id='login-form'>		
			<div class="mui-table-view">
				<div class="mui-table-view-cell">
					<div class="mui-input-row user">
						<label class="blus"><i class="iconfont mui-icon">&#xe61d;</i></label>
						<input type="text" class="name" placeholder="用户名(二十个字符以内)"/>
					</div>	
				</div>					
			</div>
			<div style="display: inline-block;width: 100%;">
				<div class="mui-pull-left wid70"> 
					<div class="mui-input-row phon">
						<label class="blus1" style="width: 25%;"><i class="iconfont mui-icon">&#xe62a;</i></label>
						<input style="width: 75%;" type="number" class="phone" placeholder="手机号"/>											
					</div>	
				</div>
				<div class="wid30 mui-pull-left">
					<span id="daojishi">验证</span>
				</div>
			</div>
			<div class="mui-table-view">
				<div class="mui-table-view-cell">
					<div class="mui-input-row passw">
						<label class="blus2"><i class="iconfont mui-icon">&#xe618;</i></label>
						<input type="number" class="yzm" placeholder="验证码"/>
					</div>	
				</div>					
			</div> 
			<div class="res_pasw res_pasw1">				
				<button type="button">下一步</button>
			</div>
		</form>	
	</div>
</body>
<script type="text/javascript" src="../js/mui.min.js"></script>
<script type="text/javascript" src="../js/web_js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../js/function.js"></script>
<script type="text/javascript" src="../js/open.js"></script>
<script type="text/javascript" src="../js/web_js/public.js"></script>
<script type="text/javascript" src="../js/web_js/registr.js"></script>
</html>